<template>
  <div>
    <el-select v-model="value" placeholder="请选择">
      <el-option v-for="item in options" :key="item.value" :label="item.lavel" :value="item.value">
      </el-option>
    </el-select>
    <div>{{ value }}</div>
    <br />
    <el-pagination
      layout="total, prev, pager, next, jumper,sizes"
      :total="80"
      :page-sizes="[1, 2, 3, 4, 5]"
      :page-size="2"
      @size-change="sizeHandle"
      @current-change="currentHandle"
      prev-text="上一页"
      next-text="下一页"
    >
    </el-pagination>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: "选项1",
          label: "黄金糕",
        },
        {
          value: "选项2",
          label: "双皮奶",
        },
        {
          value: "选项3",
          label: "蚵仔煎",
        },
        {
          value: "选项4",
          label: "龙须面",
        },
        {
          value: "选项5",
          label: "北京烤鸭",
        },
      ],
      value: "",
    };
  },
  methods: {
    sizeHandle(e) {
      console.log(e);
    },
    currentHandle(e) {
      console.log(e);
    },
  },
};
</script>
